<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
  body {
    /* background-color: #E8E8E8; */
    margin: 0;
    text-align: center;
    font-family: 'Trebuchet MS', 'Lucida Grande',
	    Verdana, Lucida, Geneva, Helvetica,
	    Arial, sans-serif;
  }
  
  .title {
    width: 100%;
    text-align: center;
    position: absolute;
    font-size: x-large;
    color: #fff;
    top: 10px;
  }
  
  .banner {
    height: 50px;
    background-color: #2C48B3;
  }
  
  .logo {
    position: absolute;
    top: 5px;
    left: 10px;
  }
  
  .description {
    width: 100%;
  }
  
  .footer {
  }
  
  ul li {
    margin-top: 5px;
  }
</style>
<title>Correo</title>
</head>
<body>
  <div class="banner">
    <!-- <img id="image" src="gradient.png" width="100%" height="50" alt="" />  -->
  </div>
  <div class="title">Welcome to Correo 0.3</div>
  <div class="description">
    <span id="test"></span>
    <ul>
      <li>Mac essence, Gecko powered</li>
      <li>Send and receive mail</li>
      <li>Create multiple accounts</li>
    </ul>
  </div>
  <div class="footer">
  </div>
</body>
</html>
